<script lang="ts" setup>
import type { ApprovalProcessDetail } from '@/types/api'

// 组件属性
const props = defineProps<{
  /** 流程信息 */
  processInfo: ApprovalProcessDetail
}>()
</script>

<template>
  <view class="mb-4 bg-white p-4">
    <view class="mb-3">
      <text class="text-lg text-gray-900 font-semibold">{{ processInfo.name }}</text>
    </view>
    <view class="text-sm text-gray-600 space-y-2">
      <view class="flex justify-between">
        <text>申请人：</text>
        <text>{{ processInfo.applyName }}</text>
      </view>
      <view class="flex justify-between">
        <text>申请时间：</text>
        <text>{{ processInfo.applyTime }}</text>
      </view>
      <view class="flex justify-between">
        <text>审批状态：</text>
        <text>{{ processInfo.statusDesc }}</text>
      </view>
      <view class="flex justify-between">
        <text>业务编号：</text>
        <text>{{ processInfo.busNumber }}</text>
      </view>
    </view>
  </view>
</template>
